@layout("/common/_container.html",{js:["/assets/order/outOrder/outOrderConfirm.js"]}){

<!-- 页面头部 - Page Header -->
<div class="layui-body-header">
    <span class="layui-body-header-title">Outbound Order Query</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <!-- 搜索表单 - Search Form -->
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
	                    <!-- 关键词搜索框 - Keyword Search Box -->
	                    <div class="layui-inline">
	                        <input id="condition" class="layui-input" type="text" placeholder="Keywords"/>
	                    </div>
	                    <!-- 客户下拉框 - Customer Dropdown -->
	                    <div class="layui-inline">
								<select id="outCustomerId">
										<option value="">Select Customer</option>
											@for(item in basicCustomerList!){
											<option value="${item.id}">${item.customerName}</option>
											@}
									</select>
	                    </div>
	                    <!-- 仓库下拉框 - Warehouse Dropdown -->
	                    <div class="layui-inline">
								<select id="outStorehouseId">
										<option value="">Select Warehouse</option>
											@for(item in basicWarehouseList!){
											<option value="${item.id}">${item.warehouseName}</option>
											@}
									</select>
	                    </div>
	                    <!-- 开始日期 - Start Date -->
	                    <div class="layui-inline" style="width: 150px;">
	                        <input id="startTime" class="layui-input" type="text" placeholder="Order Date From"/>
	                    </div>
                            <!-- 日期分隔符 - Date Separator -->
                            <div class="layui-inline">
                            	to
                            </div>
	                    <!-- 结束日期 - End Date -->
	                    <div class="layui-inline" style="width: 150px;">
	                        <input id="endTime" class="layui-input" type="text" placeholder="Order Date To"/>
	                    </div>
	                    <!-- 操作按钮 - Action Buttons -->
	                    <div class="layui-inline">
	                        <!-- 搜索按钮 - Search Button -->
	                        <button id="btnSearchout" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
								<!-- 批量确认按钮 - Batch Confirm Button -->
								<button id="btnConfirm" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe642;</i>Batch Confirm</button>
	                    </div>
	                </div>
	            </div>
	            <!-- 出库订单表格 - Outbound Order Table -->
	            <table class="layui-table" id="outOrderTable" lay-filter="outOrderTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 表格操作按钮模板 - Table Action Button Template -->
<script type="text/html" id="tableBar">
    <!-- 确认操作按钮 - Confirm Action Button -->
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="confirm">Confirm</a>
</script>

@}